<!doctype html>
<html lang="en">
  <head>
    <script type="module" crossorigin src="/frontend-mini-challenges/javascript/assets/index-lJdjD5Um.js"></script>
    <link rel="modulepreload" crossorigin href="/frontend-mini-challenges/javascript/assets/navbar-PAFhV-cJ.js">
    <link rel="modulepreload" crossorigin href="/frontend-mini-challenges/javascript/assets/header-DIqzw3PH.js">
    <link rel="stylesheet" crossorigin href="/frontend-mini-challenges/javascript/assets/navbar-Dkne97UN.css">
    <link rel="stylesheet" crossorigin href="/frontend-mini-challenges/javascript/assets/header-DAZPOirm.css">
    <link rel="stylesheet" crossorigin href="/frontend-mini-challenges/javascript/assets/index-hlOC73-k.css">
  </head>
  <body>
    <div class="container">
      <div class="input-container">
        <input type="text" class="input" placeholder="Enter words to add" />
        <button type="button" class="button">Submit</button>
      </div>

      <div class="range-container">
        <label for="range">Adjust Typing Speed: </label>
        <input type="range" class="speedRange" step="100" value="200" min="200" max="2000" />
      </div>

      <div class="text-container">
        <span class="text first-text">I'm a&nbsp;</span>
        <span class="text second-text"></span>
      </div>
    </div>
  </body>
</html>
